<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden bg-white">
    <wd-navbar title="优惠构成" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <wd-sticky>
      <view class="box-border w-screen flex justify-between bg-[#f2f2f2] p-[10px]">
        <wd-text text="操作" color="#333" size="12px" />
        <wd-text text="优惠金额(元)" color="#333" size="12px" />
      </view>
    </wd-sticky>
    <scroll-view class="flex-1 overflow-hidden" scroll-y :show-scrollbar="false">
      <view class="flex items-center justify-between p-[10px]">
        <wd-text text="自定义记账" color="#333" size="14px" />
        <wd-text text="300.00" color="#333" size="14px" />
      </view>
      <view class="flex items-center justify-between bg-[#f2f2f2] p-[10px] pl-8">
        <wd-text text="优惠A(自)" color="#7f7f7f" size="14px" />
        <wd-text text="300.00" color="#7f7f7f" size="14px" />
      </view>
      <view class="flex items-center justify-between p-[10px] pl-8">
        <wd-text text="优惠B(自)" color="#7f7f7f" size="14px" />
        <wd-text text="300.00" color="#7f7f7f" size="14px" />
      </view>
    </scroll-view>
    <view class="flex items-center justify-between bg-[#f2f2f2] p-[10px] pb-6">
      <wd-text text="合计" color="#333" size="16px" bold />
      <wd-text text="1500.00" color="#333" size="16px" bold />
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
